<template>
    <div>
        <Dashboardhead></Dashboardhead>
        <div class="main">
            <DashboardMenu></DashboardMenu>
            <div class="content-wrapper">
                <router-view v-loading="showLoading"></router-view>
            </div>

        </div>
    </div>

</template>
<script>
    import http from '../assets/js/http'
    import Dashboardhead from './common/dashboardhead.vue';
    import DashboardMenu from './common/dashboardmenu.vue'

    export default {
        created() {

        },
        components: {
            Dashboardhead,
            DashboardMenu
        },
        mixins: [http]
    }
</script>
<style>
    .main {
        display: flex;
        justify-content: space-between;
        height: calc(100% - 80px);
        padding-top: 80px;
        overflow: hidden;
    }

    .content-wrapper {
        width: 100%;
        min-height: calc(100% - 40px);
        padding: 20px;
        background: #f2faff;
        overflow: auto;
        box-sizing: border-box;
    }
</style>
